a:hover, a:focus { outline: none; text-decoration: none; }

.tab .nav-tabs { border-bottom: none; position: relative; clear: both; overflow: hidden;margin-top: 40px;
    margin-left: 16%; }

.tab .nav-tabs li { margin: auto; margin-right: 7px; z-index: 1; }

.tab .nav-tabs li:after { }

.tab .nav-tabs li:last-child:after { border: none; }

.tab .nav-tabs li a {

    display: block;

    padding: 0 20px;

    background: #fff;

    font-size: 14px;

    color: #828282;

    border-radius: 0;

    margin-right: 0;

    border: 1px solid #828282;

    position: relative;

    /*overflow: hidden;*/

    z-index: 1;

    transition: all 0.3s ease 0s;

    margin-top: auto;

    width: 108px;

    height: 36px;

    line-height: 34px;

    box-sizing: border-box;

    margin-left: 10px;

    text-align:center;

}

.tab .nav-tabs li.active a, .tab .nav-tabs li a:hover { color: #fff; border: 1px solid #956cae;margin-top: auto;width: 108px;  height: 36px;box-sizing: border-box;}



.tab .nav-tabs li a:after { content: ""; display: block; width: 100%; height: 0; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.3s ease 0s; }

.tab .nav-tabs li.active a:after, .tab .nav-tabs li a:hover:after { height: 100%; background: #008BF5; }

.tab .tab-content {margin-top: 80px; font-size: 14px; color: #999; }

.tab .tab-content h3 { font-size: 16px; margin-top: 0;color:#525252}

.tab .tab-content h3 a:hover{color:#008af5 !important;}

.tab .tab-content ul li{

    border-bottom: 1px solid  #f0f0f0;height: 85px;margin-top: 22px;

    margin-left: 10px;

}

.tab .tab-content ul #cos_01{



}







@media only screen and (max-width: 767px) {

    .tab .nav-tabs li { margin: 0 25px 0 0; }

}



@media only screen and (max-width: 479px) {

    .tab .nav-tabs li { width: 100%; text-align: center; margin: 0 0 10px 0; }

    .tab .nav-tabs li:after { width: 0; height: 100%; top: auto; bottom: -60%; right: 50%; }

}